<template>
    <!-- 容器 -->
    <div class="echarts" ref="charts">
    </div>
</template>

<script>
    //引入echarts模块
    import echarts from 'echarts'
    export default {
        name:'lineChart',
        mounted() {
            //初始化echarts
            let lineCharts = echarts.init(this.$refs.charts)
            //配置
            lineCharts.setOption({
                xAxis:{
                    show:false,
                    type:'category'
                },
                yAxis:{
                    show:false
                },
                //系列
                series:[
                    {
                        type:'line',
                        data:[3,6,4,7,3,5,4,2,5],
                        //拐点
                        itemStyle:{
                            opacity:0
                        },
                        //线条颜色
                        lineStyle:{
                            color:'purple'
                        },
                        //填充颜色
                        areaStyle:{
                            color:{
                                type:'linear',
                                x:0,
                                y:0,
                                x2:0,
                                y2:1,
                                colorStops:[
                                    {
                                        offset:0,
                                        color:'purple',
                                    },
                                    {
                                        offset:1,
                                        color:'#fff'
                                    }
                                ],
                                global:false ,//
                            }
                        }
                    }
                ],
                //布局调试
                grid:{
                    left:0,
                    top:0,
                    right:0,
                    bottom:0
                }
            })
        },
    }
</script>

<style>
    .echarts{
        width: 100%;
        height: 100%;
    }
</style>